<script lang="ts" setup>
import {useStoryStore} from "@/store/admin/Main/StoryStore.ts";
import ImageView from "@/module/image/ImageView.vue";

const store = useStoryStore()
</script>

<template>
  <el-row>
      <el-col :span="10" :offset="7">
          <image-view v-model="store.getStory().img" width="800" height="800"/>
          <el-row>
              <el-col :span="24">
                  <h1 style="font-size: 40px">{{store.getStory().title}}</h1 style="font-size: 40px">
              </el-col>

              <el-col style="margin-top: 20px;color:#666;" :span="12">
                  <span style="">{{store.getStory().name}}</span>
              </el-col>
              <el-col style="margin-top: 20px;color:#666;" :span="12">
                  <span style="float: right">{{store.getStory().date}}</span>
              </el-col>
          </el-row>
          <div v-html="store.getStory().context"/>
      </el-col>
  </el-row>
</template>

<style scoped>

</style>